<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
	
		<!--                                           -->
		<!-- Any title is fine                         -->
		<!--                                           -->
		<title>Lebowski Friend Mapper: Login</title>

		<!--                                           -->
		<!-- Use normal html, such as style            -->
		<!--                                           -->
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<style>
			body,td,a,div,.p{font-family:arial,sans-serif}
			div,td{color:#000000}
			a:link,.w,.w a:link{color:#0000cc}
			a:visited{color:#551a8b}
			a:active{color:#ff0000}
		</style>

		<!--                                           -->
		<!-- This script loads your compiled module.   -->
		<!-- If you add any GWT meta tags, they must   -->
		<!-- be added before this line.                -->
		<!--                                           -->
	</head>

	<!--                                           -->
	<!-- The body can have arbitrary html, or      -->
	<!-- you can leave the body empty if you want  -->
	<!-- to create a completely dynamic ui         -->
	<!--                                           -->
	<body>
	

	<div id="all">
		<div id="header">
			<img src="images/header.png" />
		</div>
		<div id="body">
			<div id="bodyLeft">
				<script type="text/javascript"> 
					
				</script>
				<p>Welcome to the <b>Lebowski Friend Mapper</b> - a web application that allows you and your Facebook friends to update and track each others locations!</p>
				
				<p>Login now using Facebook Connect:</p>
				<fb:login-button length='long' onlogin="update_user_box();"></fb:login-button>
				<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
				
				<script type="text/javascript">
					function update_user_box() {
						window.location = "./Index.html";
					}
					var api_key = "31d94beadd44d773aea835f67edc4979";
					var channel_path = "connect/xd_receiver.htm"; 
					FB.init(api_key, channel_path, {"ifUserConnected": update_user_box});
				</script>
			</div>
			<div id="bodyRight">
				<img src="images/screenshot.png" />
			</div>
		</div>
		<div id="footer">
			<br />
			<br />
			<p>Copyright &copy; 2009 Little Lebowski Urban Achievers</p>
		</div>
	</div>





	</body>
</html>
